/*
 *  Copyright 2023 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
@import url('../../styles/variables.less');
@summary-panel-offset: 220px;

.query-entity-button {
  position: absolute;
  z-index: 10;
  top: 63px;
  right: 16px;
}

.query-card-container {
  cursor: pointer;
  position: relative;
  border: @global-border;
  border-radius: 4px;

  .sql-editor-container {
    overflow: hidden;
    border-bottom-right-radius: 4px;
  }

  .ant-card-body {
    padding: 1px 0 0;
  }
}
.query-card-container.selected {
  border-left: 3px solid @info-color;
}

.query-right-panel {
  position: sticky;
  height: calc(100vh - @summary-panel-offset);
  box-shadow: @panels-shadow-color;
  border: @global-border;
  border-top: unset;
  font-size: 14px;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  .ant-drawer-content-wrapper {
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.12);
  }
  .ant-drawer-body {
    padding: unset;
  }
}
